import { FC, SVGProps } from 'react'

export const Seascape: FC<SVGProps<SVGSVGElement>> = (props) => (
  <svg
    width="188"
    height="188"
    viewBox="0 0 188 188"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
    xmlnsXlink="http://www.w3.org/1999/xlink"
    {...props}
  >
    <rect width="188" height="188" fill="url(#seascape)" />
    <defs>
      <pattern
        id="seascape"
        patternContentUnits="objectBoundingBox"
        width="1"
        height="1"
        className="animate-maintain-svg"
      >
        <use xlinkHref="#image0_6_22" transform="scale(0.000925926)" />
      </pattern>
      <image
        id="image0_6_22"
        width="1080"
        height="1080"
        xlinkHref=""
      />
    </defs>
  </svg>
)

export default Seascape
